<template>
  <view class="agreement-container">
    <view class="agreement-content">
      <view class="section">
        <view class="title">用户协议</view>
        <view class="time">更新时间：2024年1月1日</view>
        
        <view class="paragraph">
          欢迎您使用大米哥的店！请您仔细阅读以下条款，使用我们的服务即表示您同意接受以下所有条款。
        </view>
        
        <view class="subtitle">1. 服务内容</view>
        <view class="paragraph">
          大米哥的店是一个线上购物平台，为用户提供商品浏览、购买、支付等服务。我们会不断改进服务质量，提供更好的用户体验。
        </view>
        
        <view class="subtitle">2. 账号注册与安全</view>
        <view class="paragraph">
          2.1 您需要使用微信授权登录使用我们的服务。<br>
          2.2 您应当妥善保管账号信息，对您的账号进行的所有活动负责。<br>
          2.3 如发现任何未经授权使用您账号的情况，请立即通知我们。
        </view>
        
        <view class="subtitle">3. 用户行为规范</view>
        <view class="paragraph">
          3.1 遵守所有适用的法律法规。<br>
          3.2 不得利用本服务从事违法违规活动。<br>
          3.3 不得干扰本服务的正常运行。<br>
          3.4 不得侵犯其他用户或第三方的合法权益。
        </view>
        
        <view class="subtitle">4. 商品和服务</view>
        <view class="paragraph">
          4.1 我们会尽力确保商品信息的准确性，但不对因信息更新不及时导致的差异承担责任。<br>
          4.2 商品的最终成交价格以订单提交时的价格为准。<br>
          4.3 我们保留随时调整商品价格的权利。
        </view>
        
        <view class="subtitle">5. 订单和支付</view>
        <view class="paragraph">
          5.1 当您提交订单时，表示您同意按照订单中显示的金额支付款项。<br>
          5.2 订单提交成功后，您应在规定时间内完成支付。<br>
          5.3 对于未按时支付的订单，我们有权自动取消。
        </view>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.agreement-container {
  padding: 30rpx;
  
  .agreement-content {
    .section {
      .title {
        font-size: 36rpx;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20rpx;
      }
      
      .time {
        font-size: 24rpx;
        color: #999;
        text-align: center;
        margin-bottom: 40rpx;
      }
      
      .subtitle {
        font-size: 32rpx;
        font-weight: bold;
        margin: 40rpx 0 20rpx;
        color: #333;
      }
      
      .paragraph {
        font-size: 28rpx;
        color: #666;
        line-height: 1.6;
        margin-bottom: 20rpx;
      }
    }
  }
}
</style> 